<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>自律 习惯</title>
    <link rel="stylesheet" href="./css/register.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="shortcut icon" href="./img/me.ico">
    <link rel="stylesheet" href="./iconFont/icon-Font/iconfont.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="header-left">
            <a href="index.html">
                <img src="img/haier_logo.webp" alt="">
            </a>
            <span>注册账号</span>
        </div>
        <div class="header-right">
            <a href="login.html" class="header-right-a"><span style="color:#000000">我已注册,</span>直接登录</a>
        </div>
    </div>

    <div class="reg">
        <div class="reg-mid">
            <div class="regTitle">
                一个账号便利享受Haier所有服务
            </div>

            <div class="regBody">
                <div class="fromitem">
                    <span class="inputTitle">手机号码</span>
                    <span class="inputCon">
                        <input type="text" id="username" placeholder="购买，安装，报修，手机注册更方便">
                    </span>
                    <span id="showUser" style="position: absolute;top: 300px; left: 950px;"></span>
                </div>

                <div class="fromitem fromMi">
                    <span class="inputTitle">密码</span>
                    <span class="inputCon inputSw">
                        <input type="password" id="userpass" placeholder="6-16位，数字，字母或符号组合">
                    </span>
                    <span class="iconfont icon-yanjing_yincang_o hideEye
                    "></span>
                    <span class="iconfont icon-yanjing_xianshi_o showEye
                    " style="display: none;"></span>
                </div>

                <div class="fromitem" style="position: relative;">
                    <span class="inputTitle">安全验证</span>
                    <span class="inputCon">
                        <input type="text">
                    </span>
                    <span class="slide" style="display: block;width: 30px;height: 30px;position: absolute;top: 10px;left: 270px;background-color: #ff6700;">

                    </span>
                </div>
                <!-- 验证码 -->
                <div></div>

                <div class="fromitem message">
                    <span class="inputTitle">验证码</span>
                    <span class="inputCon">
                        <input type="text" placeholder="请输入验证码">
                    </span>
                    <div class="getCode">获取验证码</div>
                </div>

                <div class="fromitem">
                    <span class="inputTitle">邀请人</span>
                    <span class="inputCon">
                        <input type="text" placeholder="手机号/邀请码(可不填)">
                    </span>
                </div>

                <div class="checkAgree">
                    <input type="checkbox" class="checkBox">
                    <span class="checkWord">
                        <span>我同意</span>
                        <i>《</i>
                        <a href="">海尔注册用户服务条款</a>
                        <i>》《</i>
                        <a href="">法律声明及隐私权政策</a>
                        <i>》</i>
                    </span>
                </div>
                <div class="fromitem regBtn">
                    注册
                </div>
            </div>
        </div>
    </div>


</body>
<div class="footer">

</div>

</html>
<script src="./js/jquery-3.2.1.min.js"></script>
<script src="./js/register.js"></script>